@use "theme/globals" as *;

:host {
    .core-format-progress-list {
        width: 100%;
    }

    core-course-image {
        --core-image-size: var(--core-courseimage-on-course-size);
        @include margin(8px, 16px, 8px, 0px);
    }

    @if ($core-hide-courseimage-on-course) {
        core-course-image {
            display: none;
        }
    }

    @if ($core-hide-progress-on-course) {
        .core-course-progress {
            display: none;
        }
    }

    h1 {
        font-size: var(--mdl-typography-heading4-fontSize);
    }

    .core-course-header {
        background: var(--ion-item-background);
    }
}
